<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./styles/goods-detail.css">

    <script src="./javascripts/libs/jquery.min.js"></script>

    <script src="./javascripts/libs/public.js"></script>

    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1577286_pw2zrt49mpb.css">

    <script src="./javascripts/goods-list.js"></script>

    <!-- <script src="./javascripts/"></script> -->

    <link rel="stylesheet" href="./styles/page.css">

    <script src="./javascripts/libs/xlPaging.js"></script>

    <link rel="stylesheet" href="./styles/good-detail-swiper.css">

    <script src="./javascripts/libs/swiper.min.js"></script>

    <link rel="stylesheet" href="./styles/swiper.min.css">

    <!-- <link rel="stylesheet" href="./styles/bootstrap.min.css"> -->

    <script src="./javascripts/libs/jquery.cookie.js"></script>
</head>

<body>
    <!-- 顶部通版区 -->
    <div class="ding-tong">
        <div class="ding-safe">
            <ul>
                <li> 欢迎进入钻石小鸟官网</li>
                <li> <a href="login.html">登录</a></li>
                <li><a href="register.html">注册</a></li>
            </ul>

            <dl>
                <dd>
                    MemberOfZbird
                </dd>
                <dd>
                    <span></span>
                </dd>
                <dd class="signout">
                    <a href="">退出登录</a>
                </dd>
            </dl>
            <script>
                var timer = new Date()
                var hour = timer.getHours()
                if (hour <= 12 && hour > 0) {
                    $('dl dd span').html('上午好:')

                }
                if (hour > 12 && hour <= 18) {
                    $('dl dd span').html('下午好:')
                }
                if (hour > 18 && hour < 24) {
                    $('dl dd span').html('晚上好:')
                }
            </script>
            <script>
                var cookie_string = getCookie("USR");
                var nav_list = document.querySelector(".ding-safe ul");
                var user_name = document.querySelector(".ding-safe dl");
                try {
                    // 因为在这里存在报错的可能,所以尽量把这段代码放在try catch里面;
                    var cookie_array = JSON.parse(cookie_string);
                    user_name.className += " active";
                    // user_name.innerHTML = cookie_array.username;
                } catch (e) {
                    // 一旦 catch 则表示登陆状态不正确;
                    nav_list.className += " active";
                }

                // 退出登陆;         
                var signout = document.querySelector(".signout");
                signout.onclick = function () {
                    removeCookie("USR", "/");
                    location.onload();
                };
            </script>

            <p>
                <img src="http://img.zbird.cn/ww3/pubheaderfooter/header_box.png" alt="">
                <a href="javascript:void(0)">购物车</a>
                <span class="count" style="color: #ff8a81;">0</span>
                <i class="iconfont icon-xiajiantou"></i>
            </p>
            <ol>
                <li>我的订单</li>
                <li>我的鸟巢</li>
                <li>钻石课堂</li>
                <li>手机官网</li>
            </ol>
        </div>
    </div>
    <script>
        $('.ding-safe p').click(function () {
            if ($.cookie('USR') === undefined) {
                location.assign("./cart_dis.html")
            } else {
                location.assign("./carts-detail.html")
            }
        })
    </script>


    <header>
        <div class="header-safe">
            <div class="logo">
                <a href="./index.html">
                    <img src="http://im1.zbird.cn/picdb/555/518/f6aa96185bbd30da859cc7278a7d1d4a.png" alt="">
                </a>
            </div>

            <div class="biaoyu">
                <img src="http://img.zbird.cn/ww3/pubheaderfooter/pcslogan.png" alt="">
            </div>


            <p>
                <a href="./promotion.html" class="btn">
                </a>
            </p>

            <div class="search">
                <input type="text">
                <a href=""></a>

            </div>
        </div>

    </header>

    <!-- 导航条 -->
    <nav>
        <div class="dh">
            <p><a href="./index.html">首页</a></p>
            <ul>
                <li><a href="">钻石</a></li>
                <li><a href="">婚戒</a></li>
                <li><a href="">对戒</a></li>
                <li><a href="">配饰</a></li>
                <li><a href="">定制</a></li>
                <li><a href="">体验中心</a></li>
            </ul>


            <!-- tab切换下拉菜单部分-->
            <div class="m_idx_snav_wp">
                <div class="snav_title">
                    <a href="#" class="snav_title_txtimg">钻石</a>
                    <a href="#" class="snav_title_txt">探索全部钻石</a>
                    <div class="snav_lst">
                        <a href="#">30分裸钻</a>
                        <a href="#">50分裸钻</a>
                        <a href="#">70分裸钻</a>
                        <a href="#">克拉钻</a>
                        <a href="#">海淘钻石 立省15%</a>
                        <a href="#">北极光钻石</a>
                        <a href="#">FireCushion钻石</a>
                    </div>
                </div>
                <div class="snav_lst">
                    <a href="http://www.zbird.com/diamond/g1x1/">圆形</a>
                    <a href="http://www.zbird.com/diamond/g2x2/">公主方</a>
                    <a href="http://www.zbird.com/diamond/g2x7/">祖母绿</a>
                    <a href="http://www.zbird.com/diamond/g2x5/">橄榄形</a>
                    <a href="http://www.zbird.com/diamond/g2x6/">椭圆形</a>
                    <a href="http://www.zbird.com/diamond/g2x4/">梨形</a>
                    <a href="http://www.zbird.com/diamond/g2x3/">心形</a>
                    <a href="http://www.zbird.com/diamond/g1x1/"></a>
                </div>
                <div class="navline"></div>
                <div class="snav_lst lstpoa">
                    <a href="http://www.zbird.com/dingzhi/r-d-0-0-0-0-0-0-0-0-1-0.html">定制一款钻戒</a>
                    <a href="http://www.zbird.com/dingzhi/n-g-0-0-0-0-0-0-0-0-1-0.html">定制一款吊坠</a>
                    <a href="http://www.zbird.com/zhishi/zuanshi4c.html">钻石4C知识</a>
                    <a href="http://www.zbird.com/zhishi/information.html">钻石其他参数如何查看</a>
                    <a href="http://www.zbird.com/zhishi/diamondcert.html">钻石证书知识</a>
                    <a href="http://www.zbird.com/diamond/tehui/">甄选特惠裸钻专区</a>
                    <a href="http://www.zbird.com/e-education/w16440.html">钻戒品牌排行</a>
                </div>
                <div class="snav_ads">
                    <a href="http://www.zbird.com/act/2016globediamonds.html?from=zsxl"><img
                            src="  http://img.zbird.cn/picdb/555/782/ee93e31aa48f031dda79ea274a8e4909.jpg" alt=""
                            width="611" height="262"></a>
                </div>
            </div>



            <div class="m_idx_snav_wp">
                <div class="snav_title">
                    <a href="http://www.zbird.com/weddings/" class="snav_title_txtimg">婚戒</a>
                    <a href="http://www.zbird.com/weddings/" class="snav_title_txt">探索全部婚戒</a>
                    <div class="snav_lst">
                        <a href="http://www.zbird.com/weddings/r-d-0-0-0-0-1768-0-0-2-1.html">简约独钻</a>
                        <a href="http://www.zbird.com/weddings/r-d-0-0-0-0-1769-0-0-2-1.html">奢华群镶</a>
                        <a href="http://www.zbird.com/weddings/r-d-0-0-6-0-0-0-0-2-1.html">克拉钻戒</a>
                        <a href="http://www.zbird.com/weddings/r-c-0-0-0-0-0-0-0-2-1.html">大气男戒</a>
                        <a href="http://www.zbird.com/weddings/r-d-1820-0-0-0-0-0-0-2-1.html">纪念戒/花戒</a>
                        <a href="http://www.zbird.com/dingzhi/r-d-0-0-0-0-0-0-0-2-1.html">戒托款式</a>
                        <a href="http://www.zbird.com/weddings/r-d-0-0-0-0-0-0-0-4-1.html">人气热销</a>
                    </div>
                </div>
                <div class="snav_lst">
                    <a href="http://www.zbird.com/mono/2019aurorachasinglight.html">北极光追光系列</a>
                    <a href="http://www.zbird.com/mono/2017ladynewyork.html">LADY NEW YORK系列</a>
                    <a href="http://www.zbird.com/mono/2018gongzhuguiguan.html">公主桂冠系列</a>
                    <a href="http://www.zbird.com/mono/2017heartinheart.html">心心相印系列</a>
                    <a href="http://www.zbird.com/mono/2015sweetlove.html">宠爱系列</a>
                </div>
                <div class="navline"></div>
                <div class="snav_lst lstpoa">
                    <a href="http://www.zbird.com/zhishi/ringsize.html">如何测量手寸</a>
                    <a href="http://www.zbird.com/zhishi/ringtypes.html">如何挑选适合的戒指款式</a>
                    <a href="http://www.zbird.com/zhishi/metals.html">如何选购戒托材质</a>
                    <a href="http://www.zbird.com/zhishi/sourcing.html">匠心工艺</a>
                    <a href="http://www.zbird.com/e-education/w26863.html">送男人什么礼物最难忘</a>
                    <a href="http://www.zbird.com/e-education/w12175.html">一克拉钻戒多少钱</a>
                    <a href="http://www.zbird.com/e-education/w16331.html">项链品牌</a>

                </div>
                <div class="snav_ads">
                    <a href="http://www.zbird.com/mono/2019aurorachasinglight.html?from=hjxl"><img
                            src="http://imp.zbird.cn/608/81/60881_1" alt="" width="611" height="262"></a>
                </div>
            </div>





            <div class="m_idx_snav_wp">
                <div class="snav_title">
                    <a href="#" class="snav_title_txtimg">对戒</a>
                    <a href="#" class="snav_title_txt">探索全部对戒</a>
                    <div class="snav_lst">
                        <a href="#">18K金对戒</a>
                        <a href="#">铂金对戒</a>
                        <a href="#">男款对戒</a>
                        <a href="#">女款对戒</a>
                        <a href="#">热销款式</a>
                    </div>
                </div>
                <div class="snav_lst">
                    <a href="#">北极光追光系列</a>
                    <a href="#">INTO COLOUR悦色系列</a>
                    <a href="#">两人一世戒系列</a>
                    <a href="#">YOU&ME系列</a>
                </div>
                <div class="navline"></div>
                <div class="snav_lst lstpoa">
                    <a href="http://www.zbird.com/e-education/w13084.html">订婚男方要准备什么</a>
                    <a href="http://www.zbird.com/e-education/w16903.html">户外婚礼</a>
                    <a href="http://www.zbird.com/e-education/w16433.html">1克拉钻戒</a>
                    <a href="http://www.zbird.com/e-education/w17090.html">gia证书</a>
                    <a href="http://www.zbird.com/e-education/w13323.html">首饰品牌</a>
                    <a href="http://www.zbird.com/e-education/w21530.html">送女性朋友礼物排行榜</a>
                    <a href="http://www.zbird.com/e-education/w12105.html">1克拉结婚钻戒多少钱</a>

                </div>
                <div class="snav_ads">
                    <a href="http://www.zbird.com/mono/2018youandme.html?from=djxl"><img
                            src="http://imu.zbird.cn/548/06/54806_1" alt="" width="611" height="262"></a>
                </div>
            </div>


            <div class="m_idx_snav_wp">
                <div class="snav_title">
                    <a href="http://www.zbird.com/accessory/" class="snav_title_txtimg">配饰</a>
                    <a href="http://www.zbird.com/accessory/" class="snav_title_txt">探索全部配饰</a>
                    <div class="snav_lst">
                        <a href="http://www.zbird.com/accessory/c-g-0-0-0-0-0-2-1.html">挂坠</a>
                        <a href="http://www.zbird.com/accessory/c-h-0-0-0-0-0-2-1.html">项链坠</a>
                        <a href="http://www.zbird.com/accessory/c-e-0-0-0-0-0-2-1.html">耳钉</a>
                        <a href="http://www.zbird.com/accessory/c-m-0-0-0-0-0-2-1.html">手链</a>
                        <a href="http://www.zbird.com/accessory/c-n-0-0-0-0-0-2-1.html">手镯</a>
                        <a href="http://www.zbird.com/accessory/c-i-0-0-0-0-0-2-1.html">项链</a>
                        <a href="http://www.zbird.com/accessory/c-c-0-0-0-0-0-4-1.html">人气TOP</a>
                    </div>
                </div>
                <div class="snav_lst">
                    <a href="http://www.zbird.com/mono/2019aurorachasinglight.html">北极光追光系列</a>
                    <a href="http://www.zbird.com/mono/2018sebtxzxl.html">生而不同星座系列</a>
                    <a href="http://www.zbird.com/mono/2016blinkcollection.html">BLINK系列</a>
                    <a href="http://www.zbird.com/mono/2019intocolourss.html">INTO COLOUR悦色系列-秘密花园</a>
                    <a href="http://www.zbird.com/mono/2019xzxl.html">HOROSCOPE STAR星座系列</a>
                    <a href="http://www.zbird.com/mono/2019ysxxy.html">小幸运系列</a>
                </div>
                <div class="navline"></div>
                <div class="snav_lst lstpoa">
                    <a href="http://www.zbird.com/e-education/w18597.html">闺蜜结婚送什么礼物好</a>
                    <a href="http://www.zbird.com/e-education/w12088.html">戒指品牌</a>
                    <a href="http://www.zbird.com/e-education/w25670.html">一克拉钻戒大概多钱</a>
                    <a href="http://www.zbird.com/e-education/w18648.html">老婆生日送什么礼物</a>
                    <a href="http://www.zbird.com/e-education/w26869.html">送成熟男士礼物排行榜</a>
                    <a href="http://www.zbird.com/e-education/w16512.html">生日礼物送什么好</a>
                    <a href="http://www.zbird.com/e-education/w12520.html">结婚戒指戴哪个手指</a>

                </div>
                <div class="snav_ads">
                    <a href="http://www.zbird.com/mono/2019xzxl.html?from=psxl"><img
                            src="http://imu.zbird.cn/611/14/61114_1" alt="" width="611" height="262"></a>
                </div>
            </div>


            <div class="m_idx_snav_wp">
                <div class="snav_title">
                    <a href="http://www.zbird.com/dingzhi/index.html/" class="snav_title_txtimg">定制</a>
                    <a href="http://www.zbird.com/dingzhi/index.html/" class="snav_title_txt">探索全部定制</a>
                    <div class="snav_lst">
                        <a href="http://www.zbird.com/dingzhi-zuanshi/style-0-0.html">从裸钻开始定制</a>
                        <a href="http://www.zbird.com/dingzhi/r-d-0-0-0-0-0-0-0-0-1-0.html">从戒托开始定制</a>
                        <a href="http://www.zbird.com/dingzhi/n-g-0-0-0-0-0-0-0-0-1-0.html">从吊坠托开始定制</a>
                    </div>
                </div>
                <div class="snav_lst">
                    <a href="http://www.zbird.com/dingzhi/r-d-2-0-0-0-0-0-0-0-1-0.html">经典直臂款戒托</a>
                    <a href="http://www.zbird.com/dingzhi/r-d-3-0-0-0-0-0-0-0-1-0.html">简约扭臂款戒托</a>
                    <a href="http://www.zbird.com/dingzhi/r-d-7-0-0-0-0-0-0-0-1-0.html">异型钻款戒托</a>
                    <a href="http://www.zbird.com/dingzhi/r-d-9-0-0-0-0-0-0-0-1-0.html">北极光款戒托</a>
                    <a href="http://www.zbird.com/dingzhi/r-d-10-0-0-0-0-0-0-0-1-0.html">火玫瑰款戒托</a>
                </div>
                <div class="navline"></div>
                <div class="snav_lst lstpoa">
                    <a href="http://www.zbird.com/zhishi/zuanshi4c.html">钻石4C</a>
                    <a href="http://www.zbird.com/zhishi/ringtypes.html">戒托款式</a>
                    <a href="http://www.zbird.com/zhishi/metals.html">戒托材质</a>
                    <a href="http://www.zbird.com/zhishi/ringsize.html">手寸测量</a>
                    <a href="http://www.zbird.com/e-education/w15725.html">结婚纪念日礼物</a>
                    <a href="http://www.zbird.com/e-education/w16592.html">送闺蜜什么礼物好</a>
                    <a href="http://www.zbird.com/e-education/w17063.html">给老人买什么礼物好</a>

                </div>
                <div class="snav_ads">
                    <a href="http://www.zbird.com/act/2017installment.html?from=dzxl"><img
                            src="http://imu.zbird.cn/608/82/60882_1" alt="" width="611" height="262"></a>
                </div>
            </div>

            <div class="m_idx_snav_wp">
                <div class="snav_title">
                    <a href="#" class="snav_title_txtimg">体验中心</a>
                    <a href="#" class="snav_title_txt">探索全部体验中心</a>
                    <div class="snav_lst">
                        <a href="#">上海体验中心</a>
                        <a href="#">北京体验中心</a>
                        <a href="#">广州体验中心</a>
                        <a href="#">杭州体验中心</a>
                        <a href="#">成都体验中心</a>
                        <a href="#">宿迁体验中心</a>
                        <a href="#">苏州体验中心</a>
                    </div>
                </div>
                <div class="snav_lst">
                    <a href="http://nanjing.zbird.com/">南京体验中心</a>
                    <a href="#">合肥包河万达体验中心</a>
                    <a href="http://tianjin.zbird.com/">天津体验中心</a>
                    <a href="#">盐城体验中心</a>
                    <a href="#">常州体验中心</a>
                    <a href="#">烟台体验中心</a>
                </div>
                <div class="navline"></div>
                <div class="snav_lst lstpoa">
                    <a href="#">武汉体验中心</a>
                    <a href="#">西安体验中心</a>
                    <a href="#">郑州体验中心</a>
                    <a href="#">济宁体验中心</a>
                    <a href="#">丽水体验中心</a>
                    <a href="#">盐城金鹰体验中心</a>
                    <a href="#">重庆大都会体验中心</a>
                    <a href="#" target="_blank" style="color:#fdb2a4">查看全部</a>

                </div>
                <div class="snav_ads">
                    <a href="#"><img src="http://imu.zbird.cn/416/02/41602_1" alt="" width="611" height="262"></a>
                </div>
            </div>



        </div>
    </nav>
    <script src='./javascripts/fangdajing.js'></script>

    <div class="container">
        <div class="small-box">
            <img id="small-img" src="" alt="">
            <div class="yellow-box">
            </div>
        </div>

        <div class="big-box">
            <img id="big-img" src="" alt="">
        </div>

        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
            </div>

            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>



        <script>
            new Enlarge()
        </script>

        <script>
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 4,
                spaceBetween: 10,
                slidesPerGroup: 4,
                loop: true,
                loopFillGroupWithBlank: true,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
        </script>



        <div class="add_cart">
            加入购物车
        </div>

        <div class="tishi" style="display: none;">
            <i>
                ×
            </i>
            <div class="left">
                <h3>会员登录</h3>
                <input type="text" placeholder="用户名" class="user">
                <input type="text" placeholder="密码" class="pwd">
                <button><a href="">登录</a></button>
            </div>
            <div class="fenge">

            </div>
            <div class="right">
                <h3>手机快速注册</h3>
                <input type="text" placeholder="手机号" class="phone">
                <p>
                    <input type="text" placeholder="短信验证码" class="yzm">
                    <a href="javascript:void(0)">获取验证码</a>
                </p>

                <button class="zhuce"> <a href="">注册</a></button>
            </div>
        </div>
        <script>
            $('.tishi i').click(function () {
                $('.tishi').fadeOut(500)
            })
        </script>
        <script>
            $('.left button').on('click', function () {
                $.ajax({
                    url: 'http://localhost:80/zbird/php/login.php',
                    type: 'get',
                    // dataType: 'json',
                    data: {
                        username: $('.user').val(),
                        password: $('.pwd').val()
                    },
                    success: function () {
                        $.cookie('USR', 1)
                        $('.tishi').fadeOut(500)
                        location.reload();
                    }
                })
            })
        </script>




        <script src="./javascripts/carts.js"></script>

        <script src="./javascripts/goods-detail.js"></script>

</body>

</html>